import { Link, NavLink } from "react-router-dom";
import React from "react";

const Navbar = () => {
  return (
    <nav>
      <div className="logo">
        <Link to="/p/meihua/widgetview/a">主页A</Link>
      </div>
      <ul>
        <li>
          <NavLink to="/p/meihua/widgetview/b" end>
            页面B
          </NavLink>
        </li>
        <li>
          <NavLink to="/p/meihua/widgetview/c" end>
            页面C
          </NavLink>
        </li>{" "}
        <li>
          <NavLink to="/p/meihua/widgetview/d" end>
            页面D
          </NavLink>
        </li>{" "}
        <li>
          <NavLink to="/p/meihua/widgetview/e" end>
            页面E
          </NavLink>
        </li>{" "}
        <li>
          <NavLink to="/p/meihua/widgetview/f" end>
            页面F
          </NavLink>
        </li>{" "}
        <li>
          <NavLink to="/p/meihua/widgetview/g" end>
            页面G
          </NavLink>
        </li>
        <li>
          <NavLink to="/p/meihua/widgetview/login">注销</NavLink>
        </li>
      </ul>
    </nav>
  );
};

export default Navbar;
